﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ViewEvents.aspx.cs" Inherits="Three_Managerment_Problem_save_ViewEvents" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">
    <meta name="language" content="en">
    <meta name="description" content="IWishQuery - A jQuery plugin to autoplay I Wish by Skee-Lo for <audio>-tags with undeclared src atributes and <source>-tags">
    <meta name="keywords" content="Skee-Lo, I Wish, jQuery, plugin, audio">
    <meta name="author" content="Ludvig Lindblom - Front-end developer who's nuts about internet, user interfaces and web standards">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="jquery-1.5rc1.js"></script>
    <link rel="stylesheet" href="style.css">
    <link href="/style/css/style2.css" rel="stylesheet" type="text/css" />
    <link href="/style/css/style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div class="formbody">
            
                    <div class="formtitle"><span>诉求信息</span></div>

                    <div class="tab_11">
                        <div class="bottab3">
                            <div class="bottab3_l">
                                <p>诉求编号：</p>
                                <span>
                                    <label id="sjbh" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>登记时间：</p>
                                <span>
                                    <label id="sbsj" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>工号：</p>
                                <span>
                                    <label id="gh" runat="server"></label>
                                </span>
                            </div>

                        </div>
                        <div class="bottab3">
                            <div class="bottab3_l">
                                <p>姓名：</p>
                                <span>
                                    <label id="xm" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>联系方式：</p>
                                <span>
                                    <label id="lxfs" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>E-mail：</p>
                                <span>
                                    <label id="yx" runat="server"></label>
                                </span>
                            </div>

                        </div>
                        <div class="bottab3">
                            <div class="bottab3_l">
                                <p>诉求大类：</p>
                                <span>
                                    <label id="dl" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>诉求小类：</p>
                                <span>
                                    <label id="xl" runat="server"></label>
                                </span>
                            </div>
                            <div class="bottab3_l">
                                <p>归属：</p>
                                <span>
                                    <label id="gs" runat="server"></label>
                                </span>
                            </div>


                        </div>

                        <div class="bottab7">
                            <p>限办时间：</p>
                            <span style="width: 51%;">
                                <label id="lab_xbsj" runat="server"></label>
                            </span>
                        </div>

                        <div class="bottab7" style="">
                            <p>主题：</p>
                            <span style="width: 51%;">
                                <label id="bt" runat="server"></label>
                            </span>
                            <div class="voice" style="width:40%">
                                <p style="width: 20%">播放录音：</p>
                                <p style="margin-left:12%"><audio controls></audio></p>
                            </div>
                        </div>
                        <div class="bottab5">
                            <p>内容：</p>
                            <span>
                                <label id="nr" runat="server"></label>
                            </span>
                        </div>
                        <div class="bottab4">
                            <p>办理单位：</p>
                            <span>
                                <label id="dbm" runat="server"></label>
                            </span>
                        </div>
                    </div>
                    <div class="tab_22" style="margin-bottom: 20px">
                        <table border="1" class="market_tab">
                            <tbody>
                                <tr class="tab_tit">
                                    <th scope="col">时间</th>
                                    <th scope="col">单位</th>
                                    <th scope="col">办理事件</th>
                                    <th scope="col"></th>
                                </tr>
                                <asp:Repeater runat="server" ID="repeater" OnItemCommand="repeater_ItemCommand">
                                    <ItemTemplate>
                                        <tr class="tab_tit01">
                                            <td><%#Eval("times") %></td>
                                            <td><%# dwxx(Eval("bm1").ToString()) %></td>
                                            <td><%# sjlx(Convert.ToInt32(Eval("evente"))) %></td>
                                            <td>
                                                <asp:LinkButton ID="link" runat="server" Text="明细" CommandName="links" CommandArgument='<%# Eval("id")%>'></asp:LinkButton></td>


                                        </tr>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </tbody>
                        </table>
                    </div>


                    <div class="tab_33" id="div" runat="server">
                        <div class="bottab6">
                            <p>
                                <label id="lab_title" runat="server"></label>
                            </p>
                        </div>
                        <div class="bottab4">
                            <p>受理人：</p>
                            <span>
                                <label id="lab_slr" runat="server"></label>
                            </span>
                        </div>
                        <%--start 侯玉华修改 --%>
                        <div class="bottab4" style="min-height: 34px; height: auto;">
                            <p>回复内容：</p>
                            <span style="height: auto;">
                                <label id="lab_hf" runat="server"></label>
                            </span>
                        </div>
                    </div>
        </div>

    </form>
    <script>
        (function ($) {
            $.fn.iWish = function (options) {
                // Declare variables (and create a audio element in the DOM for reference below when checking if the browser supports the HTML5 <audio>-tag)
                var audioSource = options.audioSource, myAudio = document.createElement("audio"), fileExt, i = true;
                // Check if the browser supports the HTML5 <audio>-tag
                if (myAudio.canPlayType) {
                    // Set the variable fileExt to whatever file format supported by the browser
                    fileExt = (!!myAudio.canPlayType && "" != myAudio.canPlayType('audio/mpeg') ? "wav" : (!!myAudio.canPlayType && "" != myAudio.canPlayType('audio/mp3') ? "mp3" : (!!myAudio.canPlayType && "" != myAudio.canPlayType('audio/ogg; codecs="vorbis"') ? "ogg" : false)));
                    // Loop through all the <audio>-tags in the document
                    $(this).each(function () {
                        // If the <audio>-tag lacks a src attribute and <source>-tag
                        if (typeof $(this).attr("src") === "undefined" && $(this).children("source").size() < 1) {
                            // Append a <source>-tag to the <audio>-tag with the file and correct file format
                            $(this).append('<source src="' + audioSource + '.' + fileExt + '">');
                            if (options.autoPlay && i) { // If we set autoplay to true when calling the function...
                                $(this).attr("autoplay", true); // ...add autoplay="true" to the first of all <audio>-tags
                                i = false;
                            }
                        }
                    });
                } else { // If the browser doesnt support the <audio>-tag we let the user know that and remove the element
                    $(this).each(function () {
                        $(this).after('<p class="no-support">Your browser does not support the audio-tag.</p>');
                        $(this).hide();
                    });
                }
            }
        })(jQuery);

        $(document).ready(function () {
            var a = '<%=mp3url%>';
            //var a = "audio/skee-lo_i-wish";
            // Call the function with the filename skee-lo_i-wish and autoPlay to either true or false
            $("audio").iWish({ audioSource: a, autoPlay: false });
        });
    </script>
</body>
</html>
